import './assets/main.css'

import { createApp } from 'vue'
import App from './App.vue'

// 引入 echarts 核心模块，核心模块提供了 echarts 使用必须要的接口。
import * as echarts from 'echarts/core'
import './assets/chalk.js'
// 引入标题，提示框，直角坐标系，数据集，内置数据转换器组件，组件后缀都为 Component
import { TitleComponent, TooltipComponent, GridComponent, DatasetComponent, TransformComponent, LegendComponent, VisualMapComponent } from 'echarts/components'

// 标签自动布局、全局过渡动画等特性
import { LabelLayout, UniversalTransition } from 'echarts/features'

// 引入 Canvas 渲染器，注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
import { CanvasRenderer } from 'echarts/renderers'

// 引入柱状图、折线图图表，图表后缀都为 Chart
import { BarChart, LineChart, RadarChart, HeatmapChart, ParallelChart, ScatterChart, GaugeChart } from 'echarts/charts'

// 注册必须的组件
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, TransformComponent, LabelLayout, UniversalTransition, CanvasRenderer, GaugeChart, ScatterChart, BarChart, LineChart, ParallelChart, RadarChart, HeatmapChart, LegendComponent, VisualMapComponent])

import VChart from 'vue-echarts'

const app = createApp(App)
// 注册图表全局组件
app.component('v-chart', VChart)
app.mount('#app')
